/* 
* @Author: Jerry-chen
* @Date:   2014-06-30 15:51:38
* @Last Modified by:   Administrator
* @Last Modified time: 2014-07-30 12:12:27
*/
/*<!-- 二级分类和幻灯片区域开始 -->*/
/*二级导航列表区域*/
#List{ /*overflow:hidden; */
}
	#List .List_left{width:200px;height:370px;border:#FFCECE 2px solid;float:left; border-top:none; 
	}
		
			#List .List_left ul li{
				width:200px; border-bottom:1px solid #F8F8F8; float:left;padding-left:-5px;/*overflow:hidden;*/
			}
			/*定位参照属性*/
				#List .List_left .dingwei{ 
					position:relative; height:39px;
				}
					/*区域定位处理*/
					#List .List_left .dingwei .dingwei_title_meishi{ position:absolute;top:2px;
					}
						#List .List_left .dingwei .dingwei_title_meishi a{ color:#666; line-height:35px; display:block; float:left; font-weight:bold;padding-left:5px;width: 195px;height: 35px; background: #FAFAFA;
						}											
						
						#List .List_left .dingwei .dingwei_title_meishi a:hover{
							background: #F82B56;
						}
		
				/*隐藏的右边区域*/
				.List_left .dingwei .Menu_list{
					position: absolute;position: 0px; left: 200px; background: #fff;
					z-index: 5; display:none;width: 100px;border: 2px solid #E51A45;
				}
				.List_left .dingwei .Menu_list dl dt{
				padding: 10px;	
				}
			
/*banner幻灯片左右移动*/
#banner{position: relative;top:10px;width: 790px; height: 360px;

}
	#banner .botL{width: 40px; height: 50px;background: url(../Images/sp-slide.va3acce93.png) no-repeat -206px 0px;position:absolute; top :154px; left: 50px; z-index: 17;opacity: 0;filter:alpha(opacity=70%);
		
	}
	#banner .botR{width: 40px; height: 50px;background: url(../Images/sp-slide.va3acce93.png) no-repeat -248px 0px; position:absolute; top: 154px; left: 711px;z-index: 17;opacity: 0;filter:alpha(opacity=70%);
		
	}
	#banner .botT{ position: absolute;top: 329px; left: 200px; z-index: 100; 
		
	}
		#banner .botT p{ width: 10px; height: 10px;background: #CCCCCC;border-radius: 50%;  float: left;margin: 5px;
	
		}

	.dazhes{width: 747px; height: 270px;  position: absolute;top:0px; left: 0px;

	}
		.dazhes .dazhe1{ width: 370px; height: 270px; position: relative; margin-right: 4px;
			
		}
			.dazhes .dazhe1 img{padding-left: 7px;width:790px; height: 360px;

			}
			.dazhes .dazhe1 .kuanL{
				width: 790px;height: 35px; background:black;position:absolute;top: 325px;left: 8px;opacity:0.3;filter:alpha(opacity=30%);
			}
/*hot区域 开始			*/
#hot{

}
	/*左边开始*/
	#hot .hot-left{
		width:690px; height: 320px;position: relative;margin-top: 20px;
	}
	/*每日为您推荐最IN的演出图片*/
		#hot .hot-left .best-in{
			width: 202px; height: 43px;background: url(../Images/ico-index-common.png) no-repeat -90px -173px;position:absolute;top:0px;left: 0px;
		}
		#hot .hot-left ul.title-select {
			float: right;
		}
			#hot .hot-left ul.title-select  li{
				float: left;
			}
				#hot .hot-left ul.title-select li a{
				display: block;float: left;padding: 5px;line-height: 23px;
				}
		#hot .hot-left ul.hot-content{
			border:1px solid #EFEFEF; overflow: hidden; padding-top: 20px;padding-left:10px;padding-bottom: 10px;width: 630px;overflow: hidden;
		}
			#hot .hot-left ul.hot-content li.hot-list{
				position: relative;float: left; margin-left: 20px;margin-right:15px;width: 170px;height: 245px;
			}
				#hot .hot-left ul.hot-content li.hot-list .hot-a{
					display: block;width: 150px; height: 200px;overflow: hidden;
				}
					#hot .hot-left ul.hot-content li.hot-list .hot-a .hot-img{
						width: 150px;height: 200px;
					}
				#hot .hot-left ul.hot-content li.hot-list .hot-title{
					font-size: 14px;line-height: 30px;
				}
				#hot .hot-left ul.hot-content li.hot-list .hot-price{
					font-size: 13px;color: #999999;
				}
				/*如要改变上面的开票，特惠，活动等定位图片，改下ICO下面的CLASS*/
				/*//开票定位效果*/
				#hot .hot-left ul.hot-content li.hot-list .ico-kai{
					width: 58px; height: 58px;background: url(../Images/ico-index-common.png) no-repeat;position:absolute;top: 0px; left: 0px;
				}
				/*//预售定位效果*/
				#hot .hot-left ul.hot-content li.hot-list .ico-resale{
					width: 58px; height: 58px;background: url(../Images/ico-index-common.png) no-repeat 0px -58px;position:absolute;top: 0px; left: 0px;
				}
					/*//特惠定位效果*/
				#hot .hot-left ul.hot-content li.hot-list .ico-sale{
					width: 58px; height: 58px;background: url(../Images/ico-index-common.png) no-repeat -58px 0px;position:absolute;top: 0px; left: 0px;
				}
		/*右边开始 */
	#hot .hot-right{
		position: relative;margin-top: 30px;
	}
		#hot .hot-right dl{ 

		}
			#hot .hot-right dl dt.title{ 
				font-size: 16px; color:#E51A45;font-weight: bolder;
			}
				#hot .hot-right dl dt.title p{
					line-height: 23px;
				}
			#hot .hot-right dl dd.list{
				border:1px solid #EFEFEF;overflow: hidden;padding-top: 20px;padding-left: 10px;padding-right: 10px;padding-bottom: 11px;
			}
				#hot .hot-right dl dd.list li{
						line-height: 27px;
				}
					#hot .hot-right dl dd.list li a {
							display: block;float: left;padding-left: 10px;width: 210px;
					}
					#hot .hot-right dl dd.list li p {
							float: left;color: #E51A45;
					}
#ad{
	overflow: hidden;
}	
	#ad img{
		float: left;
	}
/*全国热门巡演*/
#road-show{

}
	#road-show .r-title{
		border-bottom: 3px solid #E51A45;line-height: 30px;overflow: hidden;margin-bottom: 15px;
		
	}
		#road-show .r-title .t-left{
			float: left;font-size: 18px;
		}
		#road-show .r-title .t-right{
			float: right;font-size: 12px;
		}
	#road-show .r-s-content{

	}
	/*公用样式*/
		#road-show .r-s-content li{
			float: left;margin-right: 12px;
		}
			#road-show .r-s-content li img{
				margin-bottom: 10px;
			}
	 /*分别样式*/
			#road-show .r-s-content li.c-1{
				width: 230px; overflow: hidden;
			}
			#road-show .r-s-content li.c-2{
				width: 210px;overflow: hidden;
			}
			#road-show .r-s-content li.c-3{
				width: 100px;overflow: hidden;
			}
			#road-show .r-s-content li.c-4{
				width: 210px; overflow: hidden;
			}
			#road-show .r-s-content li.c-5{
				width: 200px; overflow: hidden;float: right;margin-right: 0px;
			}

/*1F戏剧达人开始*/
#drama .tabArea {position: relative; overflow: hidden;

}
	#drama .tabArea .name-1f{
		border-bottom: 2px solid #FF8106;
	}
		/*楼层1f标题*/
		#drama .tabArea .name-1f span{
				display:block; float: left;font-size: 18px;line-height: 30px;font-weight: bolder;color:#666
			}
			#drama .tabArea .name-1f span.f1{
				width: 36px; height: 22px;background: url(../Images/ico-index-common.png) no-repeat 0px -175px; 
			}
		#drama .tabArea .name-1f ul{
			 overflow: hidden;padding-left: 30px;padding-bottom: 10px;

		}
			#drama .tabArea .name-1f ul li{
				float: left; margin-right: 10px;

			}
			#drama .tabArea .name-1f ul li a.old{
					display:block;font-weight: bold;color: #000; font-family:"Microsoft YaHei",Arial,"宋体",sans-serif;font-size: 12px; width: 65px; height: 26px; line-height: 22px;text-align: center; 
			}
			/*触发后*/

			#drama .tabArea .name-1f ul li a.new{
					display:block;font-weight: bold; font-family:"Microsoft YaHei",Arial,"宋体",sans-serif;font-size: 12px; background: url(../Images/ico-table.png);width: 65px; height: 26px; line-height: 22px;text-align: center;color: #fff;
			}

			/*tab列表*/
	/*虚线边框边框*/
	.rim{
			width:5px;height:840px;background: url(../Images/bg-channel-other.png);
 		}
 	.rim-bottom{
 		height: 5px;background: url(../Images/bg-channel-other.png);
 	}
 #drama .tabArea{
 	overflow: hidden;height: 250px;
 }
	#drama .tabArea .tabList{
		margin-bottom: 30px;overflow: hidden;
	}
 		#drama .tabArea .tabList .tabchange{
 			position: absolute;top: 40px; left: 0px;/*display: none;*/width: 1000px;
 		}
 			#drama .tabArea .tabList .tabchange .theater{
 				
 			}
 				#drama .tabArea .tabList .tabchange .theater .small-theater{
					padding-right: 45px;width: 260px;height:245px;overflow: hidden;border-right: 2px solid #efefef;float: left;
 				}
	 				#drama .tabArea .tabList .tabchange .theater .small-theater li{
	 					width: 255px;overflow: hidden;margin-top: 10px;
	 				}
	 					#drama .tabArea .tabList .tabchange .theater .small-theater li.title{
	 						font-weight: 14px;color: #FF8106;padding-bottom: 20px;
	 					}
	 					#drama .tabArea .tabList .tabchange .theater .small-theater li{
	 						padding-left: 45px;
	 					}
	 					#drama .tabArea .tabList .tabchange .theater .small-theater li span{
	 						width: 18px; height: 15px;background: #FF8106;display: block;float: left;color: #fff;text-align: center;
	 					}
	 					#drama .tabArea .tabList .tabchange .theater .small-theater li a{
	 							display: block;float: left;
	 					}
	 					/*上升*/
	 					#drama .tabArea .tabList .tabchange .theater .small-theater li u.up{
	 						display: block;float: right;width: 20px;height: 13px;background: url(../Images/bg-index-common.png) no-repeat 0 -206px;position:relative;top: 5px;
	 					}
	 					/*下降*/
	 					#drama .tabArea .tabList .tabchange .theater .small-theater li u.down{
	 						display: block;float: right;width: 20px;height: 13px;background: url(../Images/bg-index-common.png) no-repeat 0 -229px;position:relative;top: 5px;
	 					}
	 					/*持平*/
	 					#drama .tabArea .tabList .tabchange .theater .small-theater li u.flat{
	 						display: block;float: right;width: 20px;height: 5px;background: url(../Images/bg-index-common.png) no-repeat 0 -221px;position:relative;top: 10px;
	 					}
/*2F摇滚-*/
.rock-title{
	overflow: hidden;border-bottom: 2px solid #99CC00;margin-top: 30px;
}
	.rock-title p.f2{
		width: 36px; height: 22px;background: url(../Images/ico-index-common.png) no-repeat 0px -196px; 
	}
	.rock-title p{
		float:left;font-size: 18px;line-height: 30px;font-weight: bolder;color:#666;padding-left: 10px;
	}

#rock{
	overflow: hidden;
}
	/*左边虚线框*/
	#rock .rim{
		height: 350px;
	}
	#rock .rock-banner{
	 		margin-top: 5px;width: 460px; height:330px;overflow: hidden;position: relative;
	 	}
	 		#rock .rock-banner .bannerpic img{
	 			display:none; width: 460px; height: 330px;

	 		}
	 	/*按钮控制长背景*/
	 	#rock .rock-banner .foot-back{
	 		width: 460px;height: 40px;background: #99CC00;position: absolute;top: 295px;
	 	}
	 	/*按钮*/
	 	#rock .rock-banner ul{
	 		position: absolute;top: 305px; left: 410px;z-index: 10;

	 	}
		 	#rock .rock-banner ul li{
		 		width: 10px; height: 10px;background: #4C4C4C;float: left; margin-left: 5px;border-radius: 50%;
		 	}
		 /*标题*/
		#rock .rock-banner .title{
			position: absolute;top: 305px; left: 30px;
		}
			#rock .rock-banner .title  p{
			position: absolute;top: 0px; left: 0px;width: 460px; text-align: center;font-weight: bolder;font-size: 14px;display: none;
			}
		#rock .rock-content{
		 	width: 495px;  padding-top: 10px;padding-left: 20px;
		 }
		 	#rock .rock-content ul li{
		 		float: left;width: 230px;height: 155px;
		 	}
			 	#rock .rock-content ul li img{
					width: 225px;height: 125px;
			 	}
			 	#rock .rock-content ul li a{
			 		display: block;line-height: 30px;text-align: center;
			 	}
/*3F摇滚-*/
.music-title{
	overflow: hidden;border-bottom: 2px solid #CB0F10;margin-top: 20px;
}
	.music-title p.f2{
		width: 36px; height: 22px;background: url(../Images/ico-index-common.png) no-repeat 0px -218px; 
	}
	.music-title p{
		float:left;font-size: 18px;line-height: 30px;font-weight: bolder;color:#666;padding-left: 10px;
	}

#music{
	overflow: hidden;
}
	/*左边虚线框*/
	#music .rim{
		height: 350px;
	}
	#music .music-banner{

	}
	 	#music .music-banner{
	 		margin-top: 5px;width: 460px; height:330px;overflow: hidden;position: relative;
	 	}
	 		#music .music-banner .bannerpic img{
	 			display:none; width: 460px; height: 330px;

	 		}
	 	#music .music-banner .foot-back{
	 		width: 460px;height: 40px;background: #CB0F10;position: absolute;top: 295px;
	 	}
	 	#music .music-banner ul{
	 		position: absolute;top: 305px; left: 410px;

	 	}
		 	#music .music-banner ul li{
		 		width: 10px; height: 10px;background: #4C4C4C;float: left; margin-left: 5px;border-radius: 50%;
		 	}
		#music .music-content{
		 	width: 495px;  padding-top: 10px;padding-left: 20px;
		 }
		 	#music .music-content ul li{
		 		float: left;width: 230px;height: 155px;
		 	}
			 	#music .music-content ul li img{
					width: 225px;height: 125px;
			 	}
			 	#music .music-content ul li a{
			 		display: block;line-height: 30px;text-align: center;
			 	}
		#choose-title-music{
			position: relative;z-index: 20;top: 300px;color: #fff;
		}
			#choose-title-music a{
				position:relative;color: #fff;
			}
/*4f电影-*/
.movie-title{
	overflow: hidden;border-bottom: 2px solid #99CC00;margin-top: 20px;
}
	.movie-title p.f2{
		width: 36px; height: 22px;background: url(../Images/ico-index-common.png) no-repeat 0px -240px; 
	}
	.movie-title p{
		float:left;font-size: 18px;line-height: 30px;font-weight: bolder;color:#666;padding-left: 10px;
	}

#movie{
	overflow: hidden;
}
	/*左边虚线框*/
	#movie .rim{
		height: 350px;
	}
	#movie .movie-banner{
		width: 730px; height: 330px;
	}
		#movie .movie-banner ul.move-pic{
			background: red;

		}
			#movie .movie-banner .move-pic li{
				margin-top:10px;float: left;width: 170px; height: 218px;margin-right: 10px;border-right:1px dotted #CCCCCC; 
			}
			 	#movie .movie-banner .move-pic .move-position{
			 		position: relative; 

			 	}
			 		#movie .movie-banner .move-position img{
						position: absolute;top: 0px;width: 126px;height: 178px;left: 20px;
			 		}
			 		#movie .movie-banner .move-position a{
			 				position: absolute;display: block;top:146px;width: 126px;height: 33px; background: #000; line-height: 33px;text-align: center;opacity:0.6;filter:alpha(opacity=60%); color: #fff;left: 20px;
			 		}
			 		#movie .movie-banner .move-position p{
			 			font-size: 14px; color: #999999; position: relative; top:196px;left: 20px;font-weight: bolder;
			 		}
			 		#movie .movie-banner .move-position a.choosesite{
						display: block;width: 60px;height: 25px;background: #10ABDD; color: #fff;position: relative;top:171px;line-height: 25px;text-align: center;left: 75px;
			 		}
			#movie .movie-content{
		 	width: 495px;  padding-top: 10px;padding-left: 20px;
		 }
		 	#movie .movie-content ul li{
		 		float: left;width: 230px;height: 155px;
		 	}
			 	#movie .movie-content ul li img{
					width: 225px;height: 125px;
			 	}
			 	#movie .movie-content ul li a{
			 		display: block;line-height: 30px;text-align: center;
			 	}
		#movie .movie-banner .step{
			border-top: 1px solid #EEEEEE;width: 730px;margin-top: 20px;padding-top: 10px;

		}
			#movie .movie-banner .step li{
				width: 175px;float: left;
			}
				#movie .movie-banner .step li img{
				float: left;
				}
				#movie .movie-banner .step li a{
					display: block;float: left; font-size: 16px;font-weight: bolder;
				}
				#movie .movie-banner .step li p{
					float: left;width: 98px;color: #999999;
				}
	#movie .movie-content{
			width: 220px;float: left;overflow: hidden;background: #F7F7F7;padding-right: 10px;
	}
		#movie .movie-content ul{
			
		}
			#movie .movie-content ul li{
				height: 25px;float: left;
			}
		
			#movie .movie-content ul li.content-img{
					width: 220px;height:215px;
			}
					#movie .movie-content ul li .position-img{
					position: relative;
	
					}
						#movie .movie-content ul li .position-img img{
							position: absolute;width: 220px;height: 214px;
						}
						#movie .movie-content ul li .position-img p{
							width: 220px; height: 35px; position: absolute;top: 182px;background: #000;
						}
							#movie .movie-content ul li .position-img p a{
								color: #fff;
							}
							#movie .movie-content ul li .position-img p a:hover{
								color: #F38014;
							}
